
<<<<<<< HEAD

//旅游首页头部
=======
em, i {
    font-style: normal;
}
//旅游详情头部
>>>>>>> a39881e144c940f1ddde61ee0ef894534dfa14a3
header{
    width: 100%;
    font-size: 0.12rem;
    a{
        color: #fff;
    }
    .wrap{
        width: 100%;
        height: 0.64rem;
<<<<<<< HEAD
        background: rgba(0,0,0,0.4);
        position: fixed;
        top: 0;
        z-index: 9999;
=======
        background: rgba(0,0,0,0.2);
        position: fixed;
        top: 0;
        z-index: 9999;
        padding-top: 0.1rem;
>>>>>>> a39881e144c940f1ddde61ee0ef894534dfa14a3
        display: flex;
        justify-content: center;
        align-items: center;
        >a:first-child{
            display: block;
<<<<<<< HEAD
            width: 0.20rem;
            height: 0.33rem;
            background: url("../../images/icon/sprites.png") no-repeat; 
            background-position: -0.52rem -0.10rem;
            background-size: 3.75rem , 4.75rem;
            text-align: center;
            margin-right: 0.10rem;
            margin-top: 0.20rem;
        }
        
    
=======
            width: 0.30rem;
            height: 0.33rem;
            background: url("../../images/icon/sprites.png") no-repeat; 
            background-position: -0.37rem -0.10rem;
            background-size: 3.75rem , 4.75rem;
            
        }
        a:nth-of-type(2){
            padding-left: 0.27rem;
             text-align: center;
         }
        .wrap-right{
    
            display: flex;
            -webkit-box-pack: center;
          -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            margin-right: 0.10rem;
            img{
                width: 50%;
                height: 50%;
                padding-right: 0.07rem;
            }
            span{
                width: 0.02rem;
                height: 0.02rem;
                font-size: 22px;
                color:#fff;
                padding-bottom: 0.01rem;
                border: #fff 0.02rem solid;
                border-radius: 50%;
                margin: 0.02rem;
            }
        }
    }
}
//旅游详情内容
main{
    width: 100%;
    .container{
        width: 100%;
        .banner{
            display:flex ;
            position: relative;
            >a{
               >img{
                width: 100%;
                height: 100%;
            
                } 
            }
            .banner-title{
                color: #fff;
                width: 100%;
                background-color: rgba(0, 0, 0, 0.4 );
                position: absolute;
                bottom: 0;
                display: flex;
                justify-content: space-between;
                padding: 0.02rem;
                div:nth-of-type(1){
                    padding-left: 0.20rem;
                }
                div:nth-of-type(2){
                    padding-right: 0.20rem;
                }
            }
        }               
        .content-title{
            width: 100%;
            padding: 0.15rem  0.195rem ;
            
            >p{
                width:336px;
                height:37px;
                font-size:16.5px;
                font-family:SourceHanSansCN;
                font-weight:400;
                color:rgba(33,33,33,1);
                line-height:20px;
                padding-bottom: 0.5rem;
            }
            img{
                display: block;
                padding-bottom: 0.1rem;
            }
            .money{
                display: flex;
                justify-content: space-between;
                height: 0.195rem;
                >a{
                    display: flex;
                    justify-content: flex-start;
                    align-items: flex-end;
                    width: 0.92rem;
                    height: 0.195rem;
                    span:nth-of-type(1){
                        color: #FF4401;
                        font-size: 0.11rem;
                        padding-right: 0.03rem;
                        padding-top: 0.03rem;
                        font-style: normal;
                        -webkit-transform: scale(0.7);
                        -moz-transform: scale(0.7);
                        -o-transform: scale(0.7);
                        transform: scale(0.7);
                        align-self: center;    
                    }
                    span:nth-of-type(2){
                        
                        font-size:24px; 
                        color:#FF4401; 
                        line-height: 0.2rem;                      
                    }
                    span:nth-of-type(3){
                        -webkit-transform: scale(0.8);
                        -moz-transform: scale(0.8);
                        -o-transform: scale(0.8);
                        transform: scale(0.8);
                        font-size:12px;
                        color:#999999;
                        align-self: flex-end;             
                    }
                }
                div{
                    display: flex;
                    margin-right: 0.15rem;
                    width: 2rem;
                    align-self: flex-end;
                    >p{
                        display: flex;
                        text-align: center;
                        border: 1px solid #BFBFBF;
                        height: 0.17rem;
                        line-height: 0.17rem;
                        margin-right: 0.09rem;
                        color: #999999;
                        justify-content: center;
                        margin-bottom: 0;
                        background: #EEEEEE; 
                        >a{
                            font-size: 12px;
                            color: #999999;
                        }
                    }
                    p:nth-of-type(1){
                        width: 0.7rem;
                    }
                    p:nth-of-type(2){
                        width: 0.45rem;
                    }
                    p:nth-of-type(3){
                        width: 0.55rem;
                    }
                }
            }
        }
        .discounts{
            position: relative;
            width:100%;
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 30/100rem 26/100rem;
            background-color: #fdeacc;
            margin: 0 auto;
            
            .sale-left {
                .sale-item{
                    display: flex;
                    justify-content: center;
                        align-items:center ;
                    .btn-red {
                        
                        height: 0.2rem;
                        color: #f36c65;
                        border: 1px solid #f36c65;
                        border-radius: 5/100rem;
                        margin-right: 0.2rem;
                    }
                    
                    .item {
                        width: 530/200rem;
                        display: flex;
                        flex-direction: column;
                        margin-right: 0.1rem;
                        color: #000;
                        span {
                                 width: 530/200rem;
                                 height: 30/200rem;
                                 line-height: 30/200rem;
                                 white-space: nowrap;
                                 overflow: hidden;
                                 text-overflow: ellipsis;
                                 font-size: 12px;
                                 &:before {
                                     content: '';
                                     display: inline-block;
                                     width: 8/200rem;
                                     height: 8/200rem;
                                     border-radius: 100%;
                                     background-color: #999;
                                     margin-right: 10/100rem;
                            }
                            span:first-child{
                                text-indent: 2em;
                            }
                        
                    }
                }
                   
               }
                #btn-bg {
                   background-color: #ef4242;
                   color: #fad599;
                }
               
             .sale-sec {
                 overflow: hidden;
                 padding-bottom: 15/100rem;
             }
            }
            
            .sale-right {
                position: absolute;
                right: 0;
                top: 0.34rem;
                a {
                    display: inline-block;
                    width: 60/200rem;
                    height: 130/200rem;
                    line-height: 130/200rem;
                    font-size: 24/100rem;
                    color: #333;
                    text-align: center;
              
                }
            }
            
        }
        //评论开始
        .discuss {
    margin-top: 20/200rem;
    padding: 30/200rem 40/200rem;
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    
    
    span {
        font-size: 24/200rem;
       color: #666;
       
       em {
         color: #ff4401;  
       }
    }
    i {
        color: #ccc;
        margin: 0 20/200rem;
    }
   .score {
       font-size: 30/200rem;

   }
   .dis-item {
       padding: 10/200rem 0 20/200rem 0;
       span {
           display: inline-block;
           font-size: 24/200rem;
           color: #666;
           background-color: #f5f5f5;
           padding: 4/200rem 10/200rem;
           margin: 0 8/200rem 15/200rem 0;
           border-radius: 5/200rem;
       }
   }
   
   .dis-list {
       li {
           padding: 25/200rem 0;
           border-top: 1px solid #ccc;
           display: none;
           
           .dis-des {
              font-size: 26/200rem;
              color: #666;
              display: flex;
              justify-content: space-between;
            
            
           }
           .dis-detail {
               padding-top: 10/200rem;
               
               font-size: 26/200rem;
           }  
       }
   }
   
  .dis-btn {
      width: 1.4rem;
      height: 0.3rem;
      color: #1ab2db;
      font-size: 26/200rem;
      padding: 0.055rem 0.275rem;;
      border: 1px solid #1ab2db;
      border-radius: 10/200rem;
      //转化为行内块(宽高)
      display: inline-block;
      //没有宽高，居中显示
      position:relative;
      left:30%;
  }
        }
        //Tab内容开始
        .content {
    width: 100%;
    margin: 0 auto;
    margin-top: 20/200rem;
    border-top: 1px solid #ccc;
    background-color: #fff;

    .content-top {
         height:100/200rem;
         line-height: 95/200rem;
         
         ul{
             display: flex;
             border-bottom: 1px solid #ccc;
              
            li {
             border-bottom: 5/200rem solid transparent;
             float: left;
             display: flex; 
             -webkit-box-flex: 1;
             flex: 1;
             justify-content: center;
             font-size: 30/200rem;
             
         }
         
         .nav-active{
             color: #1ab2db;
             border-bottom: 5/200rem solid #f7c612;
         }
      
         }
         
    }
    //tab面板
    .tab-panel {
        width: 100%;
        margin: 0 auto;
        background-color: #fff;
        overflow: hidden;
        
        .content-bd {
        display: none;
        margin-bottom: 0.5rem;
         img {
             display: block;
             width: 100%;
//              float: left;
         }
         
         //计划开始
      .plan {
          padding: 50/200rem 0;
          
          .plan-time {
              float: left;
              width: 80/200rem;
              color: #fff;
              font-size: 18/200rem;
               i {
                  display: inline-block;
                  width: 76/200rem;
                  height: 35/200rem;
                  line-height: 35/200rem;
                  background-position: -251/200rem -416/200rem;
                
               }
          }
          
          .plan-mess {
              float: left;
              .plan-list {
                   line-height: 50/200rem;
                  border-left: 1px dashed #2f90bb;
                  .plan-title {
                      font-weight: 500;
                      font-size: 24/200rem;
                      color: #666666;
                      
                      &:before {
                         content: '';
                         display: inline-block;
                         width: 12/200rem;
                         height: 12/200rem;
                         border-radius: 100%;
                         background-color: #2f90bb;
                         margin-left: -6/200rem;
                      }

                      i {
                       border: 1px solid #ccc;
                       color: #999;
                       margin-left: 18/200rem;
                      }

                      .plan-img {
                       padding: 15/200rem 0 15/200rem 90/200rem;
                       width: 500/200rem;
                       overflow: hidden;
                       img {
                         border: 1px solid #ccc;
                         width: 228/200rem;
                         height: 198/200rem;
                         float: left;
                         margin: 0 10/200rem 10/200rem 0;

                         &:nth-child(2n) {
                           margin-left: 0;
                         }
                       }
                      }
                  }
              }
          }
      }
      }

      .advance {
       padding: 50/200rem 0;

       .ae-left {
         float: left;
         width: 70/200rem;

         &:before {
           content: '';
           display: inline-block;
           width: 39/200rem;
           height: 41/200rem;
           background-position: -361/200rem -413/200rem;
           margin-left: 16/200rem;
         }

       }

       .ae-content {
         float: left;
         width: 680/200rem;
         padding-right: 70/200rem;
         font-size: 28/200rem;
         color: #252525;

         .ae-free {
           dt {
             margin: 32/200rem 0;
             color: #1ab2db;
           }
         }
       }

      }
    }
    
    
    
        }
       
    }
}

footer {
    height: 0.5rem;
    position: fixed;
    bottom: 0;
    display: flex;
    div{
        width: 2rem;
        display: flex;
        background:rgba(237,237,237,1);
        align-items: center;
        a{
            padding-left: 0.18rem;
            img:nth-of-type(1){
                width: 0.27rem;
                height: 0.245rem;
            }
            img:nth-of-type(2){
                width: 0.235rem;
                height: 0.235rem;
            }
            img:nth-of-type(3){
                width: 0.27rem;
                height: 0.275rem;
            }
        }
        
    }
    .btn-orange {
        text-align: center;
        line-height: 0.5rem;
        width: 1.75rem;
        background-color: #f1a30f;
        font-size: 19px;
        color: #fff;
>>>>>>> a39881e144c940f1ddde61ee0ef894534dfa14a3
    }
}